/**
 * @Description: 常用样式表
 * 750/2 所有字体/2
 * @author cx
 * @date 2021/11/02
*/
// mainColor
// $main-color: #4890FF;
$main-color: #FF5000;
$main-middle-color:#fa3b00;
$main-low-color:#303A49;
$main-primary-color: #007EFF;
// $main-orange-color: #F9641D;
$main-orange-color: #FF6B03;
$main-007399-color:#007399;
// Color Palette
$gray-1: #F7F7F7;
// 色值
$common-color: #303A49;
$common-color-373E4D: #373E4D;
$common-bg-color: #FFFBFC;
$common-font-color: #647288;
$common-title-color: #303A49;
$common-title-remark-color: #94A4B7;
$common-title-modified-color: #FF6B03;
// 字体
$common-font-size-normal: 12px;
$common-font-size-text: 14px;
$common-font-size-remark: 16px;
$common-font-size-title: 18px;
$common-font-size-large: 22px;

// 边框
$commont-top-border: 0.5px solid #FFD8DE;
$dialog-title-border-bottom: 0.5px solid rgba(217,223,228,0.92);
$select-border: 1px solid #D9DFE4;
$select-border-active: 1px solid rgba(255,112,136,0.5);
$select-border-radius: 16.5px;
$border-radius-sm: 2px;
$border-radius-md: 4px;
$border-radius-lg: 8px;
$border-radius-12: 12px;
$border-color: #D5D7DA;

// 默认宽度
$default-width: calc(100% - 30px);

// 字体颜色
$panel-text-title: #647288;
$panel-text-info: #303A49;

// padding
$home-padding: 10px;

@mixin x-center {
  display: flex;
  justify-content: center;
}

@mixin y-center {
  display: flex;
  align-items: center;
}

@mixin center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-a {
  display: flex;
  justify-content: space-around;
}

@mixin flex-b {
  display: flex;
  justify-content: space-between;
}
